<template>
	<view>
		<view class="header">
			<view :style="style_fans" @click="fans">粉丝</view>
			<view :style="style_forks" @click="forks">关注</view>
		</view>
		<view class="search">
			<image src="@/static/logo.png"></image>
			<input placeholder="输入搜索关键词" @input="searchkey()" />
		</view>
		<view class="vertical_line"></view>
		<ForksFansListItem></ForksFansListItem>
	</view>
</template>

<script>
	import ForksFansListItem from "@/components/ForksFansListItem.vue"
	export default {
		onLoad(object){
			if(object.choice=='left'){
				this.style_fans='color:pink;'
			}
			if(object.choice=='right'){
				this.style_forks='color:pink;'
			}
		},
		data() {
			return {
				listChoice:0,
				style_fans:'',
				style_forks:''
			}
		},
		components:{
			ForksFansListItem
		},
		methods: {
			fans(){
				this.style_fans='color:pink;'
				this.style_forks=';'
			},
			forks(){
				this.style_forks='color:pink;'
				this.style_fans=';'
			}
		}
	}
</script>

<style>
.header{
	display: flex;
	justify-content: space-around;
}
.search{
	display: flex;
	height: 70rpx;
	background-color:#F2F2F2;
	border-radius: 100rpx;
	
}
.search image{
	margin: 10rpx 20rpx 10rpx 50rpx;
	width: 50rpx;
	height: 50rpx;
}
.search input{
	margin: 15rpx 20rpx 15rpx 10rpx;
	font-size: 30rpx;
}
.vertical_line{
	height: 5rpx;
	background-color: aqua;
}
</style>
